page {
  background: #f2f3f7;
}
	.box1 {
		background-color: white;
		height: 300rpx;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin:10rpx; /* box1 和 box2 之间的间距 */
		border-radius: 10rpx;
	}
	.info1 {
	  display: flex;
	  margin-left:15rpx;
	  margin-top:120rpx;
	  align-items: center; /* 垂直居中对齐 */
	}
	.info2 {
	  display: flex;
	  margin-left:15rpx;
	  margin-top:100rpx;
	  align-items: center; /* 垂直居中对齐 */
	}
	.box2 {
		background-color: white;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin:10rpx; /* box1 和 box2 之间的间距 */
			border-radius: 10rpx;
		
	}
    .box3{
		background-color: white;
		height: 390rpx;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin:10rpx; /* box1 和 box2 之间的间距 */
			margin-top: 30rpx;
			border-radius: 10rpx;
		
	}
	.star-rating {
		/* ... 组件的样式可能需要在 StarRating 组件中定义 ... */
	}

	.text {
		margin: 5px 0; /* 文本元素之间的间距 */
	}

	textarea {
		width: 100%;
		height: 500rpx;
		padding: 10px; /* 内边距 */
		border: 1px solid #ccc; /* 边框样式 */
		border-radius: 8px; /* 圆角边框 */
		box-sizing: border-box;
		font-size: 16px; /* 字体大小 */
		line-height: 1.5; /* 行高 */
		background-color: #f9f9f9; /* 背景颜色 */
		resize: vertical; /* 只允许垂直调整大小 */
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */
		transition: border-color 0.3s, box-shadow 0.3s; /* 平滑过渡效果 */
		outline: none; /* 去掉默认的聚焦轮廓 */
	}

	textarea:focus {
		border-color: #007bff; /* 聚焦时边框颜色 */
		box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2); /* 聚焦时阴影效果 */
	}
	.confirm {
	  width: 400rpx;
	  height: 100rpx;
	  display: flex;
	  justify-content: center;
	  align-items: center; /* 添加此行以确保垂直居中 */
	  margin-top: 30rpx;
	  border-radius: 25rpx;
	  border: 3rpx solid #6699FF;
	  font-size: 28rpx;
	  text-align: center; /* 确保文本居中对齐 */
	}
